<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        input[type=text]{
            width: 50%;
            background-color: white;
            font-size: 16px;
            border: 1px solid #ccc;
            background-position: 10px 10px; 
        }
        input[type=radio]{
            font-size: 13px;
        }
        div{
            width:600px;
            height:800px;
            box-sizing: border-box;
            background-color: aliceblue;
            padding: 10px,10px,10px,10px;
            border: 5px solid blue;
            margin-left: 300px;
        }

    </style>
</head>

<body>
    <div>
    <form action="https://www.bilibili.com/" method="GET">
    <p>
        真实姓名:&nbsp;&nbsp;&nbsp;<input type="text" name="MyName" placeholder="请填写真实姓名,只能填写中文">
    </p>
    <p>
        证件类型:&nbsp;&nbsp;&nbsp;
        <select>
            <option>---选择证件---</option>
            <option>中国人民身份证</option>
            <option>海外侨民</option>
        </select>
    </p>
    <p>
        证件号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="证件号" placeholder="请输入证件号">
    </p>
    <p>
        政治面貌:&nbsp;&nbsp;&nbsp;
        <select>
            <option>---选择证件---</option>
            <option>共青团员</option>
            <option>群众</option>
            <option>党员</option>
        </select>
    </p>

   
    <label >
         省直单位:&nbsp;&nbsp;&nbsp;<input type="radio" name="workplace" value="1">否
        <input type="radio" name="workplace" value="2">是
    </label>

    <p>
        居住地区:&nbsp;&nbsp;&nbsp;
        <select name="" id="sel1">
            <option value="">--请选择--</option>
        </select>
        <select name="" id="sel2">
            <option >请选择</option>
            <option value="1">吉安市</option>
            <option value="2">北京省</option>
            <option>四川省</option>
        </select>
    </p>

    <p>
       地址:&nbsp;&nbsp;&nbsp;<input type="text" name="position" placeholder="请输入街道地址">
    </p>

    <p>
    <label >
        性别:&nbsp;&nbsp;&nbsp;<input type="radio" name="sex" value="boy">男
        <input type="radio" name="sex" value="2">女
    </label>
    </p>
    <label>
        擅长领域:&nbsp;&nbsp;&nbsp;<input type="checkbox" name="hobby" value="文化志愿者">文化志愿者
        <input type="checkbox" name="hobby" value="教育志愿者">教育志愿者
        <input type="checkbox" name="hobby" value="文明传播志愿者">文明传播志愿者
        <input type="checkbox" name="hobby" value="助残志愿者">助残志愿者
        <p>
           &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="checkbox" name="hobby" value="医疗志愿者">医疗志愿者
            <input type="checkbox" name="hobby" value="应急志愿者">应急志愿者
            <input type="checkbox" name="hobby" value="交通志愿者">交通志愿者
            <input type="checkbox" name="hobby" value="消防志愿者">消防志愿者
            <p></p>
            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="checkbox" name="hobby" value="科普志愿者">科普志愿者
            <input type="checkbox" name="hobby" value="治安志愿者">治安志愿者
            <input type="checkbox" name="hobby" value="综合志愿者">综合志愿者
            <input type="checkbox" name="hobby" value="体育志愿者">体育志愿者
            <p></p>
            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="checkbox" name="hobby" value="美术志愿者">美术志愿者
            <input type="checkbox" name="hobby" value="IT志愿者">IT志愿者
            <input type="checkbox" name="hobby" value="红十字志愿者">红字会志愿者
            <input type="checkbox" name="hobby" value="法律援助志愿者">法律援助志愿者
        </p>
    </label>
    <label>
        服务领域:&nbsp;&nbsp;&nbsp;<input type="checkbox" name="hobby" value="扶贫济困">扶贫济困
        <input type="checkbox" name="hobby" value="助老助残">助老助残
        <input type="checkbox" name="hobby" value="大型宴会">大型宴会
        <input type="checkbox" name="hobby" value="抢险救灾">抢险救灾
        <p>
           &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="checkbox" name="hobby" value="社会管理">社会管理
            <input type="checkbox" name="hobby" value="教育培训">教育培训
            <input type="checkbox" name="hobby" value="西部开发">西部开发
            <input type="checkbox" name="hobby" value="海外服务">海外服务
            <p></p>
            &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="checkbox" name="hobby" value="环境保护">环境保护
            <input type="checkbox" name="hobby" value="医疗健康">医疗健康
            <input type="checkbox" name="hobby" value="法律咨询">法律咨询
            <input type="checkbox" name="hobby" value="文明实践">文明实践
    </label>
    <p>
        从业情况: :&nbsp;&nbsp;&nbsp;
    <select>
       <option>请选择</option>
        <option >就业中</option>
        <option >待业</option>
        <option>无职业</option>
    </select>
    </p>
    <p>
         教育程度:&nbsp;&nbsp;&nbsp;
        <select>
           <option>请选择</option>
            <option >文盲</option>
            <option >初中</option>
            <option>中专</option>
            <option> 大专</option>
            <option>本科</option>
            <option>硕士</option>
        </select>
    </p>
    所在学校/单位:&nbsp;&nbsp;<textarea name="工作/学习地点" id="" cols="20" rows="1" placeholder="请输入你的学习或者单位名称"></textarea>
    <p style="padding-left: 30%;""><input type="submit" value="下一步" formtarget="_blank"></p>

</form>
    </div> 
</body>


</html>